<template>
  <div>
    <upload-excel :before-upload="beforeUpload" :on-success="onSuccess" />
  </div>
</template>

<script>
import UploadExcel from '../../components/UploadExcel/index.vue'
import { importEmployee } from '@/api/employees'
import { getImportJsData } from '@/utils/excel/excel'
export default {
  name: 'ImportExcel',
  components: { UploadExcel },
  methods: {
    // 父传子过来的函数
    // 解析前
    beforeUpload(file) {
      const isLt1M = file.size / 1024 / 1024 < 1
      if (isLt1M) {
        return true
      }
      this.$message({
        message: '文件不能超过1兆',
        type: 'warning'
      })
      return false
    },
    // 解析后
    async onSuccess({ results, header }) {
      // console.log(results, header)
      // 提交之前要解析，先做二次转化[直接使用现成的转化工具函数]因为前后端的数据格式对应不上
      const headerRelation = {
        '姓名': 'username',
        '手机号': 'mobile',
        '入职日期': 'timeOfEntry',
        '工号': 'workNumber',
        '聘用形式': 'formOfEmployment',
        '部门': 'departmentName'
      }
      // 获取导入时的处理之后的接口数据 调用合适的接口js数据加入到后端的数据
      const data = getImportJsData(results, headerRelation)
      // 调接口
      await importEmployee(data)
    }
  }
}
</script>

<style>

</style>
